<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" rel="stylesheet" href="css/index.css"/>
    <script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"/>
    <script type="text/javascript" src="js/vue.min.js"></script>
    <script type="text/javascript" src="axios/axios.min.js"></script>
    <script type="text/javascript" src="js/myj1k.js"></script>
</head>
<body>
<div id="header"></div>

<div class="clear"></div>
<div id="app" class="container">
    <form id="loanForm" class="form-horizontal" role="form">
        <div class="form-group">
            <label class="col-sm-2 control-label">金额</label>
            <div class="col-sm-10">
                <input class="form-control" type="text" v-model="moneyTemp"/>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">期限</label>
            <div class="col-sm-10">
                <input class="form-control" type="text" v-model="term" placeholder="月"/>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">银行卡类型</label>
            <div class="col-sm-10">
                <select class="form-control" id="bankCardType" v-model="bankCardType">
                    <option v-for="bankCardType in bankCardTypes" :key="bankCardType.bankId" :value="bankCardType.bankId">{{bankCardType.bankName}}</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">文件</label>
            <div class="col-sm-10">
                <input type="file" name="file" @change="getFile"/>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">银行卡卡号</label>
            <div class="col-sm-10">
                <input class="form-control" type="text" v-model="bankCard"/>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-offset-5 col-sm-2" style="text-align: center;">
                <button @click="insertLoan" type="button" class="btn btn-default">提交</button>
            </div>
        </div>
    </form>
</div>

<div style="margin-top: 70px;"></div>

<div id="footer"></div>
</body>
</html>